{% block head %}
	<link href="{{ path }}js/plugins/datatables/DT_bootstrap.css" rel="stylesheet">
	<link href="{{ path }}js/plugins/responsive-tables/responsive-tables.css" rel="stylesheet"> 
    
    <script src="{{ path }}js/demos/demo.tables.js"></script>
    <script src="{{ path }}js/plugins/datatables/jquery.dataTables.js"></script>
    <script src="{{ path }}js/plugins/datatables/DT_bootstrap.js"></script>
	<script src="{{ path }}js/plugins/responsive-tables/responsive-tables.js"></script>
{% endblock %}

<script type="text/javascript">
        $( '#frm_borrar' ).submit(function() {
        if($('input:checked').length>0){
                        if($('input:checked').length<4){
                    return true;
                        }
                        else{
                                alert("Puede elegir tres estudiantes máximo."); 
                        }
        }
        else{
            alert("Debe elegir al menos un estudiante.");
            return false;
        }
    });
        
        function countChecked() {
        seleccionados = "";
        $("input:checked").each(function (i) {
                seleccionados = seleccionados + this.id + ";";
    });
        $('#formularios').attr('value', seleccionados);
        }
        
        $(":checkbox").click(countChecked);
</script>

<div class="span12">	
    <div class="widget">	      			
        <div class="widget widget-table">                            
            <div class="widget-header">						
                <h3>
                    <i class="icon-th-list"></i>
                    Estudiantes
                </h3>
            </div> <!-- /widget-header -->
            <form id="frm_borrar" action="/cartera/buscar/borrar/" method="post">
            <div class="widget-content">
            	{% csrf_token %}
                <table class="table table-striped table-bordered table-highlight" id="example">
                    <thead>
                    <tr>
                        <th style="width: 10px;"></th>
                        <th width="10%" align="center">Documento</th>
                        <th width="40%" align="center">Estudiante</th>
                        <th width="10%" align="center">Periodo</th>
                        <th width="25%" align="center">Facultad</th>
                        <th width="5%" align="center">Semestre</th>
                        <th width="10%" align="center">Acciones</th>
                    </tr>
                    </thead>
                    <tbody>
                	{% for lCiclo, vCiclo in estudiantes.items %}
                        <tr class="{% cycle '' 'odd' %}">
                            <td><input type="checkbox" id="chk_{{vCiclo.estudiante.id}}" name="chk_{{vCiclo.estudiante.id}}" value="true"/></td>
                            <td align="right"><label>{{ vCiclo.estudiante.identificacion }}</label></td>
                            <td align="left"><label>{{ vCiclo.estudiante.nombre1 }} {{ vCiclo.estudiante.nombre2 }} 
                                                    {{ vCiclo.estudiante.apellido1 }} {{ vCiclo.estudiante.apellido2 }}</label></td>
                            <td align="center"><label>{{ vCiclo.matricula.periodo }}</label></td>
                            <td align="left"><label>{{ vCiclo.matricula.facultad.nombre }}</label></td>
                            <td align="center"><label>{{ vCiclo.matricula.semestre }}</label></td>
                            <td style="text-align:center"><a href="/cartera/buscar/{{ vCiclo.estudiante.id }}" class="btn">Editar</a></td>
                        </tr>
                	{% endfor %}
                    </tbody>
    			</table>
            </div> <!-- /. widget-content -->
			<div class="modal-footer">
            	<button type="submit" id="btn_eliminar" class="btn btn-primary btn-medium">Eliminar</button>
            </div>
            </form>
        </div> <!-- /. widget-table -->
	</div> <!-- /. widget -->
</div> <!-- /. span12 -->